/* pages/campMap/campMap.wxss */
.map-box {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  // map组件撑满整个屏幕
  .map {
    width: 100%;
    height: 100%;
  }
  .address-search {
    width: 100%;
    height: 130rpx;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
  }
}

/* components/camp-item/camp-item.wxss */
.camp-item-box {
  width: 94%;
  height: 220rpx;
  margin: 20rpx auto;
  border-bottom: 1rpx solid #eee;
  // background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .camp-image-box {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .camp-info {
    width: 70%;
    height: 100%;
    .camp-address-name {
      height: 45rpx;
      line-height: 45rpx;
      padding: 20rpx 10rpx;
      // background-color: #fff;
    }

    .camp-detail {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 135rpx;

      .camp-type {
        display: flex;
        font-size: 22rpx;

        .camp-type-name {
          color: #3d3d3d;
          padding: 5rpx 10rpx;
          margin: 15rpx;
          border: 2rpx solid #b2afaf;
          border-radius: 10rpx;
        }
      }

      .camp-distance {
        color: #696868;
        font-size: 24rpx;
      }
    }
  }
}

.button-box {
  display: flex;
  justify-content: center;
  align-items: center;
}